<template>
	<view>

		<!-- <uni-section title="全部消息" type="line"></uni-section>
		<view class="all_message_area">
			<uni-group mode="card">
				<view @click="goComment"> 2022/7/8 您的评论被回复</view>
			</uni-group>
		</view> -->

		<uni-section title="评论消息" type="line"></uni-section>
		<view class="activity_message_area">
			<uni-group mode="card">
				<view @click="goComment">
					<text :show-badge="true" badge-text="12">您参与的辩论大赛时间已更改</text>
					<text class="dot">!</text>
				</view>
			</uni-group>
		</view>


		<uni-section title="活动消息" type="line"></uni-section>
		<view class="comment_message_area">
			<uni-group mode="card">
				<text >您的评论已被回复</text>
			</uni-group>
		</view>


		<uni-section title="管理员消息" type="line"></uni-section>
		<view class="examine_message_area">

			<uni-group mode="card">
				<view> 分组内容4 </view>
			</uni-group>
			<uni-group mode="card">
				<view> 分组内容4 </view>
			</uni-group>
			<uni-group mode="card">
				<view> 分组内容4 </view>
			</uni-group>
			<uni-group mode="card">
				<view> 分组内容4 </view>
			</uni-group>
			<uni-group mode="card">
				<view> 分组内容4 </view>
			</uni-group>
			<uni-group mode="card">
				<view> 分组内容4 </view>
			</uni-group>
			<uni-group mode="card">
				<view> 分组内容4 </view>
			</uni-group>
			<uni-group mode="card">
				<view> 分组内容4 </view>
			</uni-group>
			<uni-group mode="card">
				<view> 分组内容4 </view>
			</uni-group>
		</view>

	</view>

</template>

<script>
	export default {

		data() {
			return {
			apiUrl:"http://localhost:8080/",
			}
		},
		methods: {
			goComment() {
				uni.navigateTo({
					url: '/pages/activityDetail/activityDetail'
				})
			},
			onLoad(options) {
				this.uid = options.uid;
				this.aid = options.aid;
				this.getSwipers();
			},
			getComment(){
				uni.request({
					method:'Get',
					url: this.apiUrl+this.detailUrl+this.aid,
					header:{
						 Authorization : uni.getStorageSync("token")
					},
					success:(res) =>{
						console.log(res.data);	
					},
					fail: (err) => {
									return uni.showToast({
										icon: 'loading',
										title:'请求失败'
									})
									reject(err)
								}
				})
			}

		}
	}
</script>

<style>
	.dot {
		color: red;
		position: relative;
		text-align: right;
		display: inline-block;
		font-size: auto
	}
</style>
